// 宽度
.w10{width: 10rpx;}
.w20{width: 20rpx;}
.w30{width: 30rpx;}
.w40{width: 40rpx;}
.w48{width:48rpx;}
.w60{width:60rpx;}
.w80{width:80rpx;}
.w90{width:90rpx;}
.w120{width:120rpx;}
.w140{width:140rpx;}
.w160{width: 160rpx;}
.w180{width: 180rpx;}
.w200{width: 200rpx;}
.w27b{width: 27%;}
.w12b{width: 12%;}
.w12-5b{width: 12.5%;}
.w16-5b{width: 16.5%;}
.w20b{width: 20%;}
.w25b{width: 25%;}
.w30b{width: 30%;}
.w40b{width: 40%;}
.w48b{width: 48%;}
.w50b{width: 50%;}
.w60b{width: 60%;}
.w70b{width: 70%;}
.w80b{width: 80%;}
.w85b{width: 85%;}
.w88b{width: 88%;}
.w90b{width: 90%;}
.w100{width: 100rpx;}
.w100b{width: 100%;}
// 高度
.h16-5b{height: 16.5%;}
.h20{height: 20rpx;}
.h30{height: 30rpx;}
.h25b{height: 25%;}
.h30b{height: 30%;}
.h33b{height: 33%;}
.h10{height: 10rpx;}
.h40{height:40rpx;}
.h48{height:48rpx;}
.h60{height:60rpx;}
.h50b{height: 50%;}
.h80{height:80rpx;}
.h110{height:110rpx;}
.h120{height:120rpx;}
.h160{height: 160rpx;}
.h180{height:180rpx;}
.h240{height:240rpx;}
.h280{height:280rpx;}
.h498{height:498rpx;}
.h683{height:683rpx;}
.v100{height: 100vh;}
.h100b{height:100%;}
// 字体颜色
.col6d8e63{color:#6d8e63;}
.col858eaf{color: #858eaf;}
.colFFC15A{color: #FFC15A;}
.colff0814{color:#ff0814;}
.colf0ad4e{color:#f0ad4e;}
.col99{color:#999999;}
.colff{color:#ffffff;}
.col33{color:#333}
.coled{color:#ededed}
.colb6{color: #b6b6b6;}
.col87{color: #878787;}
.col878c97{color:#878c97;}
.col40{color:#f40}
.col359eff{color:#359eff}
.colf3f3ac{color: #f3f3ac;}
.col663500{color: #663500;}
.colff7e5f{color:#ff7e5f;}
.col0000ff{color:#0000ff;}
.col666ce9{color:#666ce9;}
// 圆角
.ius10{border-radius: 10rpx;}
.ius20{border-radius: 20rpx;}
.ius35{border-radius: 35rpx;}
.ius100{border-radius: 100rpx;}
.ltius10{border-top-left-radius: 10rpx;}
.ltius10{border-top-right-radius: 10rpx;}
.lbius10{border-bottom-left-radius: 10rpx;}
.rbius10{border-bottom-right-radius: 10rpx;}
.myius1{border-radius: 56rpx 0rpx 0rpx 56rpx;}
// 边框线
.border1{border: 1rpx solid;}
.bdr1_top{border-top: 1rpx solid;}
.bdr1_bottom{border-bottom: 1rpx solid;}
.bdr1{border: 1rpx solid;}
.bdl4_left{border-left: 4rpx solid;}
.bdl1-left1{border-left: 1rpx solid;}
.bdl1-rigth1{border-right: 1rpx solid;}
// 背景颜色
.bg35{background-color: #353535;}
.bgfef4f3{background: #fef4f3;}
.bgff5a5f{background: #ff5a5f;}
.bgff000{background: #ff0000;}
.bgfff9f9{background: #fff9f9;}
.bg26c425{background: #26c425;}
.bged{background:#ededed}
.bgfff{background: #ffffff;}
.bgf7f9ff{background: #f7f9ff;}
.bgf0ad4e{background:#f0ad4e;}
.bg0055ff{background:#0055ff;}
.bg0055ff{background: #4497f5;}
.bgf84746{background: #f84746;}
.bg4c85f7{background: #4c85f7;}
.bgdce6fe{background-color: #dce6fe;}
.bgff9719{background: #ff9719;}
.bgffd36f{background: #ffd36f;}
.bg8b1fe7{background: #8b1fe7;}
.bg03c698{background: #03c698;}
.bgf8efe1 {background: #f8efe1;}
.bgff5a5f{background: #ff5a5f;}
.bgf7{background-color: #F7F7F7;}
.no-repeat{background-repeat: no-repeat;}
.bgsize100b{background-size: 100% 100%;}
.bgcover{background-size:cover;}
.bgcontain{background-size: contain;}
.bglinear1{background: linear-gradient(130deg, #FCD9AD, #F6EAD9, #FFD1A5);}
.bglinear2{background: linear-gradient(135deg, #1E1E1E, #373737, #1E1E1E);}
.bglinear3{background: linear-gradient(0deg, #FEE48F, #FFC95C, #FEBC44, #FFBA40);}
.bglinear4{background: linear-gradient(0deg, #FE4740, #FE2104, #FE2104, #FF813D);}
//边框颜色
.boree{border-color: #eeeeee;}
.borf84746{border-color: #f84746;}
.bor4c85f7{border-color: #4c85f7;}
.borff9719{border-color: #ff9719;}
.bor8b1fe7{border-color: #8b1fe7;}
.bor03c698{border-color: #03c698;}
.borff5a5f{border-color: #ff5a5f;}
.bor000{border-color: #000000;}
.boreb{border-color: #ebebeb;}
.bored{border-color: #ededed;}
 
// 弹性布局
.block{display: block;}
.inline-block{display: inline-block;}
.flex{display:flex;}
.flex1{flex:1;}
.flex2{flex:2;}
.flex3{flex:3;}
.flex_wrap{display: flex;flex-wrap: wrap;}
.column{flex-direction: column;}
.row{flex-direction: row;}
.between{justify-content: space-between;}
.justify_center{justify-content: center;}
.around{justify-content: space-around;}
.evenly{justify-content: space-evenly;}
.flexend{justify-content:flex-end;}
.alicen{align-items: center;}
.alibaseline{align-items: baseline;}
.alistart{align-items: flex-start;}
.aliend{align-items: flex-end;}
.flexCenter{display: flex;justify-content: center;align-items: center;}
// 定位
.fixed{position: fixed;}
.absolute{position: absolute;}
.relative{position: relative;}
.posone {pointer-events: none;}
//边距
.tc15{top:-15rpx;}
.r20b{right:20%;}
.r20{right:20rpx;}
.b0{bottom: 0rpx;}
.t20c{top: -20rpx;}
.t0{top: 0rpx;}
.r0{right: 0rpx;}
.r38b{right: 38%;}
// 内边距
.pad20{padding: 20rpx;} 
.pad4{padding: 4rpx;} 
.pt8{padding-top: 8rpx;}
.pt10{padding-top: 10rpx;}
.pb8{padding-bottom: 8rpx;}
.pb10{padding-bottom: 10rpx;}
.pt15{padding-top: 15rpx;}
.pb15{padding-bottom: 15rpx;}
.pl15{padding-left: 15rpx;}
.pr15{padding-right: 15rpx;}
.pt20{padding-top: 20rpx;}
.pb20{padding-bottom: 20rpx;}
.pt30{padding-top: 30rpx;}
.pt40{padding-top: 40rpx;}
.pb30{padding-bottom: 30rpx;}
.pb40{padding-bottom: 40rpx;}
.pb60{padding-bottom: 60rpx;}
.pl8{padding-left: 8rpx;}
.pl10{padding-left: 10rpx;}
.pl20{padding-left: 20rpx;}
.pl30{padding-left: 30rpx;}
.pr30{padding-right: 30rpx;}
.pr8{padding-right: 8rpx;}
.pr10{padding-right: 10rpx;}
.pr20{padding-right: 20rpx;}
// 外边距
.mt10{margin-top: 10rpx;}
.mt20{margin-top: 20rpx;}
.ml10{margin-left: 10rpx;}
.ml8{margin-left: 8rpx;}
.ml20{margin-left: 20rpx;}
.ml30{margin-left: 30rpx;}
.mr20{margin-right: 20rpx;}
.mr30{margin-right: 30rpx;}
.mr10{margin-right: 10rpx;}
.mb10{margin-bottom: 10rpx;}
.mb20{margin-bottom: 20rpx;}
.mb40{margin-bottom: 40rpx;}
.mauto{margin: 0 auto;}
// 水平居中
.txtcen{text-align: center;}

.txtleft{text-align: left;}
// 字体大小
.fz18{font-size: 18rpx;}
.fz20{font-size: 20rpx;}
.fz24{font-size: 24rpx;}
.fz26{font-size: 26rpx;}
.fz28{font-size: 28rpx;}
.fz30{font-size: 30rpx;}
.fz32{font-size: 32rpx;}
.fz36{font-size: 36rpx;}
.fz42{font-size: 42rpx;}
.fz50{font-size: 50rpx;}
.fz60{font-size: 60rpx;}
// 字体加粗
.fw500{font-weight: 500;}
.bold{font-weight: bold;}
//间隙
.gap10{gap:10rpx;}
// 层级
.zdex9{z-index: 9;}
// 溢出隐藏
.overhid{overflow: hidden;}
.nowrap{white-space: nowrap}
.overauto{overflow: auto;}
// 阴影
.shadow1{box-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.08);}
.shadow2{box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);}
.shadow3{ box-shadow: 1px -1px 10px 3px rgba(0, 0, 0, 0.1);}
.breakword{overflow-wrap: break-word;}
// 一行或者多行显示省略号
.text-word-break-1 {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	word-break: break-all;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
}

.text-word-break-2 {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	word-break: break-all;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}

.text-word-break-3 {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	word-break: break-all;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
}

.text-word-break-6 {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	word-break: break-all;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 6;
}